<script setup lang="ts">
import FlowersArea from "@/views/LeftPart/FlowersArea.vue";
import GardenFlower from "@/views/LeftPart/VegetableGarden.vue";
</script>

<template>
  <div class="container-fluid col-12 h-100">
    <garden-flower class="VegetableGarden-area col-12"></garden-flower>
    <flowers-area class="Flower-area col-12"></flowers-area>
  </div>
</template>

<style scoped>
.VegetableGarden-area {
  height: 66%;
}

.Flower-area {
  height: 34%;
}
</style>